<div class="bg_body row_3">
  <div id="bodyWrapper" class="container_24 ofh"><!-- header slider --> 
    <script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({ 
		width: 936, 
		navigation: false, 
		delay: 5000, // delay between images in ms
		height: 350, // height of slider panel
		spw: 7, // squares per width
		sph: 5, // squares per height
		sDelay: 30, // delay beetwen squares in ms
		opacity: 0.7, // opacity of title and navigation
		titleSpeed: 500, // speed of title appereance in ms
		effect: '', // random, swirl, rain, straight
		navigation: true, // prev next and buttons
		links : true, // show images as links 

		hoverPause: true // pause on hover		
		});		
	});
</script><!-- header slider -->
    <div class="js">
      <div class="coin-slider" id="coin-slider-coin-slider">
        <div id="coin-slider"> 
        <a href="#" target="_self"><img src="<?=$FullUrl?>/<?=CST_IMAGES?>/slide_banner_02.jpg" alt="Banner2" title=" Banner2 " width="936" height="350"></a> 
        <a href="#" target="_self"><img src="<?=$FullUrl?>/<?=CST_IMAGES?>/slide_banner_03.jpg" alt="Banner3" title=" Banner3 " width="936" height="350"></a> 
        <a href="#" target="_self"><img src="<?=$FullUrl?>/<?=CST_IMAGES?>/slide_banner_04.jpg" alt="Banner4" title=" Banner4 " width="936" height="350"></a>
          <!--<div id="cs-navigation-coin-slider"> 
          <a href="#" id="cs-prev-coin-slider" class="cs-prev">prev</a> 
          <a href="#" id="cs-next-coin-slider" class="cs-next">next</a></div>-->
        </div>
      </div>
    </div>
  </div>
</div>